* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

html, body {
    width: 100%;
    height: 100%;
    background: #ececec;
}

.item-transition {
  transition: opacity .5s ease;
}
.item-enter {
  opacity: 0;
}
.item-leave {
  opacity: 0;
  position: absolute; /* important for removal move to work */
}
.item-move {
  transition: transform .5s cubic-bezier(.55,0,.1,1); /* applied when moving */
}
